<template>
    <div class="player-result" :class="result">
        <span class="name">{{player.name}}</span> is 
        <span class="result">{{result}}</span>
    </div>
</template>

<script>
export default {
    props: ['player'],
    computed: {
        reuslt() {
            return this.player.dead ? 'defeated' : 'victorious'
        }
    }
}
</script>

<style>

</style>
